﻿<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>流程页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
</head>
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>
<script type="text/javascript" th:src="@{/js/jquery-1.4.2.min.js}"></script>

<body>
<input name="processType" id="processType" type="hidden" th:value="${processType}"/>
<div id="main">
    <div class="sort_switch">
        <ul id="TabsNav">
            <li class="" id="vacation"><a th:href="@{/process/list(processType=vacation)}">请假申请</a>
            </li>
            <li class="" id="salary"><a th:href="@{/process/list(processType=salary)}">薪资调整申请</a>
            </li>
            <li class="" id="expense"><a th:href="@{/process/list(processType=expense)}">报销申请</a>
            </li>
        </ul>
    </div>

    <div class="sort_content">
        <table class="tableHue1" width="100%" border="1" bordercolor="#a4d5e3" cellspacing="0" cellpadding="0">
            <thead>
            <tr>
                <td width="30"><strong>标题</strong></td>
                <td width="20%"><strong>创建时间 </strong></td>
                <td width="10%"><strong>操作 </strong></td>
            </tr>
            </thead>
            <tbody id="tbody">
            <tr th:each="pro:${list}">
                <td th:text="${pro.title}"></td>
                <td th:text="${pro.requestDate}"></td>
                <!--<td><a th:href="${ctx}/pages/diagram.html?processInstanceId=${pro.id}">查看</a></td>-->
                <td>
                    <a th:href="@{/process/diagram(processInstanceId=${pro.id})}">查看</a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

</body>
<script>
    var processType = $("#processType").val();
    $("#" + processType).attr("class", "selected");
</script>
</html>
